<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="keywords" th:content="${@module.get('sysConfig').SITE_KWD}">
		<meta name="description" th:content="${@module.get('sysConfig').SITE_DESC}">

		<meta name="keywords" content="孝感市长兴公司" />
		<meta name="description" content="长兴,长兴公司,长兴投资有限公司,孝感市长兴公司,孝感市长兴投资有限公司" />

		<title th:if="${categoryName == null}" th:text="${@module.get('sysConfig').SITE_NAME}"></title>
		<title th:if="${categoryName != null}" th:text="${categoryName} + ' - ' +${@module.get('sysConfig').SITE_NAME}"></title>

		<link href="css/common.css" th:href="@{/libs/theme/shuili/css/common.css}" rel="stylesheet" type="text/css" media="screen" />

		<script th:inline="javascript">var ctx = [[@{/}]];</script>
		<script src="js/jquery.js" th:src="@{/libs/theme/shuili/js/jquery.js}" type="text/javascript"></script>
		<script src="js/jquery.SuperSlide.2.1.1.js" th:src="@{/libs/theme/shuili/js/jquery.SuperSlide.2.1.1.js}" type="text/javascript"></script>
		<script src="js/kkpager.min.js" th:src="@{/libs/theme/shuili/js/kkpager.min.js}" type="text/javascript"></script>
		<script src="js/print.js" th:src="@{/libs/theme/shuili/js/print.js}" type="text/javascript"></script>
		<script th:src="@{/js/core.js}"></script>

	</head>
	<body>


		<script type="text/javascript">
		function searchByTitle(){
			var title = document.getElementById("searchTitle").value;
			if(title == "请输入关键字..."||title=="") {
				alert("您还没有输入搜索的关键字!");
				return;
			}
			var ID = "null";
			if(ID == "null") {
				ID = 0;
			}
			window.open("swjAction-searchNewByTitle.whbs?title="+title+"&superiorId="+ID,"searchNews","");
		}
		var id= "#m1"

			id="#m2";

		$(function(){
			$(id).addClass("nLi on");
		})
		</script>
		<div class="header">
			<div class="box960">
				<div class="topbar">
					<ul>
						<li><a href="#" target="_blank">政府门户</a></li>
						<li><a href="#" target="_blank">云上孝南</a></li>
						<li><a href="#" target="_blank">政务微博</a></li>
						<li><a href="#">站群管理</a></li>
					</ul>
				</div>
				<div class="logobox">
					<a class="sitelogo" title="欢迎访问孝感市长兴投资有限公司" href="#"></a>
				</div>
			</div>
		</div>
		<div class="sitenav">
			<div class="box960">

				<!--导航-->
				<ul id="sitenav" class="nav clearfix">
					<li id="m1" class="nLi">
						<h3><a href="#" th:href="@{/}">首页</a></h3>
					</li>
					<li th:each="category:${@module.get('categoryList')}" class="nLi">
						<h3 th:if="${category.pid==null||category.pid==0}">
							<a th:text="${category.name}" th:href="@{${'/blog/category/' + category.id}}">
							</a>
						</h3>
						<ul th:if="${not #lists.isEmpty(category.children)}" class="sub">
							<li th:each="node:${category.children}"><a th:href="@{${'/blog/category/' + node.id}}" th:text="${node.name}"></a></li>
						</ul>
					</li>
				<!--<ul id="sitenav" class="nav clearfix">-->
					<!--<li id="m1" class="nLi">-->
						<!--<h3><a href="#">站点首页</a></h3>-->
					<!--</li>-->
					<!--<li id="m2" class="nLi">-->
							<!--<h3><a href="#">水务要闻</a></h3>-->
					<!--</li>-->
					<!--<li id="m3" class="nLi">-->
						<!--<h3><a href="#">防汛抗旱</a></h3>-->
						<!--<ul class="sub">-->
							<!--<li><a href="#">水雨情</a></li>-->
							<!--<li><a href="#">防汛抗旱简讯</a></li>-->
						<!--</ul>-->
					<!--</li>-->
					<!--<li id="m4" class="nLi">-->
						<!--<h3><a href="#">水利建设</a></h3>-->
					<!--</li>-->
					<!--<li id="m5" class="nLi">-->
						<!--<h3><a href="#">信息公开</a></h3>-->
						<!--<ul class="sub">-->
							<!--<li><a href="#">政务公开</a></li>-->
							<!--<li><a href="#">政策法规</a></li>-->
							<!--<li><a href="#">领导班子</a></li>-->
							<!--<li><a href="#">机构职能</a></li>-->
						<!--</ul>-->
					<!--</li>-->
					<!--<li id="m6" class="nLi">-->
						<!--<h3><a href="#">专题专栏</a></h3>-->
					<!--</li>-->
				</ul>
				<script id="jsID" type="text/javascript">
					var sid=[[${article.id}]];
					Core.postAjax("/blog/api/article/look",{"articleId":sid})

					jQuery("#sitenav").slide({
						type:"menu",// 效果类型，针对菜单/导航而引入的参数（默认slide）
						titCell:".nLi", //鼠标触发对象
						targetCell:".sub", //titCell里面包含的要显示/消失的对象
						effect:"slideDown", //targetCell下拉效果
						delayTime:300 , //效果时间
						triggerTime:0, //鼠标延迟触发时间（默认150）
						defaultPlay:false,
						returnDefault:false //鼠标移走后返回默认状态，例如默认频道是“预告片”，鼠标移走后会返回“预告片”（默认false）
					});
					$(function(){
						 $(".sitenav ul li").hover(
						  function () {
							$(this).addClass("nLi on");
							$(id).removeClass("on");
						  },
						  function () {
							$(this).removeClass("on");
							$(id).addClass("nLi on");
						  });
					})

				</script>
			</div>
		</div>
		<div class="box960">
			<div class="tipbox mt15">
				<div class="tipcon">
					<ul>
						<li><a href="#">孝南出硬招保度汛</a></li>
					</ul>
				</div>
				<form action="#" method="post" class="searchbox">
					<input type="text" name="searchTitle" id="searchTitle" value="站内检索：请输入关键字" class="input_txt" onclick="this.value=''"; />
					<input type="button" class="input_btn" title="立即搜索" onclick="searchByTitle();"/>
				</form>
			</div>

			<div class="content clearfix mt15">
				<div class="side">
					 <ul class="sidemenu">
						 <li th:each="item:${cateList}">
							 <a th:href="@{${'/blog/category/' + item.id}}" th:text="${item.name}"></a>
						 </li>
						<!--<li><a  href="#">信息公开</a></li>-->

						<!--<li><a  href="#">水利建设</a></li>-->

						<!--<li><a  href="#">防汛抗旱</a></li>-->

						<!--<li><a  class="on" href="#">水务要闻</a></li>-->

					</ul>
					<div class="rank">
						<h3>阅读排行</h3>
						 <ul class="rank_list">

							 <li><span class="rank_top3">1</span><a href="#">孝南区农村饮水安全管理“三个责任”公示</a></li>

							 <li><span class="rank_top3">2</span><a href="#">水利部关于进一步深化“放管服”改革全面加强水土保持监管的意见</a></li>

							 <li><span class="rank_top3">3</span><a href="#">孝南区水利和湖泊局2019年行政审批事项公开</a></li>

							 <li><span class="rank_top3">4</span><a href="#">熊金鑫</a></li>

							 <li><span class="rank_top3">5</span><a href="#">孝感市公布农村饮水监督电话邮箱</a></li>

							 <li><span class="rank_top3">6</span><a href="#">湖北省启动气象灾害（高温）IV级应急响应</a></li>

							 <li><span class="rank_top3">7</span><a href="#">我区启动抗旱IV级应急响应</a></li>

							 <li><span class="rank_top3">8</span><a href="#">鲁祥</a></li>

						</ul>
					</div>
				</div>
				<div class="main clearfix">
					<div class="breadlink">当前位置：<a href="#" th:href="@{/}">网站首页</a> &raquo; <a th:href="@{${'/blog/category/' + categoryId}}" th:text="${categoryName}"></a></div>
					<div class="contentbox">
						<div align="center" class="tit" style="font-size:20px;padding-top: 10px;"><span th:text="${article.title}"></span></div>
						<div class="related" align="center">
							<p style="font-size:12px;padding-top: 10px;">
								作者：<span th:text="${article.author}"></span>&nbsp;
								发布时间：<span th:text="${#dates.format(article.createTime,'yyyy-MM-dd')}"></span>&nbsp;
								来源：<span>本站</span>
								访问量：<span th:text="${article.lookCount}? ${article.lookCount} : 0"></span>
							</p>
						</div>
						<div class="text" id="text" style="padding-top: 20px;" th:utext="${article.content}">

						</div>
					</div>
					<div style="font:12px;color:#a9a9a9;padding-bottom: 10px;"><center>本网文章多为原创，如需转载请注明出处，否则视为侵权。</center></div>
					<div class="content_btn"><a href="javascript:doPrint()">【打印全文】</a><a href="javascript:window.close()">【关闭窗口】</a></div>
				</div>
			</div>
		</div>

		<div class="footer">
			<div class="box960">
				<h6><span>主办：孝南区水利和湖泊局</span><em>技术支持：<a href="#">武汉锐昊泰</a></em></h6>
				<p><span>地址：孝南区环西路水务局院内</span><span>联系电话：2822879</span><span>备案号码：鄂ICP备12009439号</span></p>
				<a target="_blank" href="#" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="img/jinghui.png" th:src="@{/libs/theme/shuili/img/jinghui.png}" style="float:left; border:none;"/><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#222;">鄂公网安备 42090202000048号</p></a>
			</div>
		</div>

	</body>
</html>
